<!DOCTYPE html>
<html lang="en">

<head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
      <link rel="stylesheet" href="./css/index.css">
      <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/Swiper/6.5.8/swiper-bundle.css">
</head>

<body>
      <script src="./static/javascripts/jQuery.js"></script>
      <div class="All">
            <div class="section">
                  <!-- 顶部 -->
                  <div class="banggo-top">
                        <div class="inner-box">
                              <div class="slogan-left">
                                    <div>
                                          x关闭
                                    </div>
                                    <p>
                                          欢迎来到邦购网，全场实付满99元包邮，本网站多为断码限量商品，支持14天无理由退换货，不支持退差价，感谢理解！受疫情影响，部分地区执行物流及疫区管控，导致包裹派件延迟甚至无法送达等问题，给您带来不便敬请谅解，若有疑问请联系客服中心，我们将竭诚为您服务！
                                    </p>

                              </div>
                              <div class="sign-right">
                                    <div class="head-item">
                                          你好
                                          <a href="" class="">登录</a>
                                    </div>
                                    <div class="head-item">
                                          <a href="" class="reg-link">注册</a>
                                    </div>
                                    <div class="head-item">
                                          <a href="">我的邦购</a>
                                    </div>
                                    <div class="head-item">
                                          <a href="">联系客服</a>
                                    </div>
                                    <div class="head-item">

                                          <svg class="icon" aria-hidden="true">
                                                <use xlink:href="#icon-shouji"></use>
                                          </svg>
                                          <a href="javascript:;">下载APP</a>
                                    </div>
                                    <div class="head-item">
                                          <a href="https://weibo.com/gobanggo" target="_blank">微博</a>
                                    </div>
                                    <div class="head-item"><a href="">微信</a>
                                    </div>
                              </div>

                        </div>
                  </div>
                  <!-- 搜索框 -->
                  <div class="search-check">
                        <div class="serch-box">
                              <div class="logo-box">
                                    <a href="/">
                                          <img src="./static/image/logo.png" class="logo-img">
                                    </a>
                              </div>

                              <form class="check-box">
                                    <div class="input-box">
                                          <input type="text" autocomplete="off" placeholder="热销品类专场每满200-50~"
                                                id="search">
                                          <ul id="list"></ul>
                                    </div>
                                    <button class="button-box">
                                          <svg class="icon" aria-hidden="true">
                                                <use xlink:href="#icon-dashujukeshihuaico-"></use>
                                          </svg>
                                          <span>搜索</span>
                                    </button>
                              </form>
                              <div class="jiake-box">
                                    <a href="">夹克</a>
                                    <span>|</span>
                                    <a href="">美特斯邦威牛仔裤</a>
                                    <span>|</span>
                                    <a href="">衬衫商务</a>
                                    <span>|</span>
                                    <a href="">卫衣</a>
                                    <div class="shoppingCar">
                                          <a href="" class="shoppingcar">
                                                <svg class="icon" aria-hidden="true">
                                                      <use xlink:href="#icon-gouwuche"></use>
                                                </svg>
                                                <span>购物袋</span>
                                                <i>0</i>
                                                <span>件</span>
                                          </a>
                                    </div>
                              </div>

                        </div>
                        <div class="navigation">
                              <div class="navigation-car">
                                    <ul>
                                          <li>
                                                <a href="">首页</a>
                                          </li>
                                          <li>
                                                <a href="">男装</a>
                                                <div class="nav-popup">
                                                      <div class="grop-box">
                                                            <dl>
                                                                  <dt>上装</dt>
                                                                  <dd>卫衣</dd>
                                                                  <dd>长袖衬衫</dd>
                                                                  <dd>夹克</dd>
                                                                  <dd>毛衣</dd>
                                                                  <dd>西装</dd>
                                                            </dl>
                                                      </div>
                                                      <div class="grop-box">
                                                            <dl>
                                                                  <dt>下装</dt>
                                                                  <dd>牛仔长裤</dd>
                                                                  <dd>休闲长裤</dd>
                                                                  <dd>针织休闲裤</dd>
                                                                  <dd>西裤</dd>
                                                                  <dd>牛仔中短裤</dd>
                                                            </dl>
                                                      </div>
                                                </div>
                                          </li>
                                          <li>
                                                <a href="">女装</a>
                                                <div class="nav-popup">
                                                      <div class="grop-box">
                                                            <dl>
                                                                  <dt>上装</dt>
                                                                  <dd>长袖衬衫</dd>
                                                                  <dd>卫衣</dd>
                                                                  <dd>夹克</dd>
                                                                  <dd>短袖T恤</dd>
                                                                  <dd>短袖衬衫</dd>
                                                            </dl>
                                                      </div>

                                                      <div class="grop-box">
                                                            <dl>
                                                                  <dt>下装</dt>
                                                                  <dd>牛仔长裤</dd>
                                                                  <dd>休闲长裤</dd>
                                                                  <dd>针织裤</dd>
                                                                  <dd>连身裤</dd>
                                                                  <dd>牛仔中短裤</dd>
                                                                  <dd>休闲中短裤</dd>
                                                            </dl>
                                                      </div>
                                                      <div class="grop-box">
                                                            <dl>
                                                                  <dt>裙装</dt>
                                                                  <dd>连衣裙</dd>
                                                                  <dd>半身裙</dd>
                                                            </dl>
                                                      </div>
                                                      <div class="grop-box">
                                                            <dl>
                                                                  <dt>内衣</dt>
                                                                  <dd>内衣上装</dd>
                                                                  <dd>内衣下装</dd>
                                                                  <dd>家居服</dd>
                                                                  <dd>袜子</dd>
                                                                  <dd>牛仔中短裤</dd>
                                                                  <dd>休闲中短裤</dd>
                                                            </dl>
                                                      </div>
                                                </div>
                                          </li>
                                          <li>
                                                <a href="">儿童</a>
                                                <div class="nav-popup">
                                                      <div class="grop-box">
                                                            <dl>
                                                                  <dt>男童</dt>
                                                                  <dd>衬衫</dd>
                                                                  <dd>卫衣</dd>
                                                                  <dd>外套</dd>
                                                                  <dd>T恤</dd>
                                                            </dl>
                                                      </div>
                                                      <div class="grop-box">
                                                            <dl>
                                                                  <dt>婴幼童</dt>
                                                                  <dd>连体衣</dd>
                                                            </dl>
                                                      </div>
                                                </div>
                                          </li>
                                          <li>
                                                <a href="">鞋履</a>
                                                <div class="nav-popup">
                                                      <div class="grop-box">
                                                            <dl>
                                                                  <dt>人气男鞋</dt>
                                                                  <dd>休闲鞋</dd>
                                                                  <dd>运动鞋</dd>
                                                                  <dd>商务鞋</dd>
                                                                  <dd>帆布鞋</dd>
                                                                  <dd>靴子</dd>
                                                            </dl>
                                                      </div>
                                                      <div class="grop-box">
                                                            <dl>
                                                                  <dt>人气女鞋</dt>
                                                                  <dd>休闲鞋</dd>
                                                                  <dd>运动鞋</dd>
                                                                  <dd>商务鞋</dd>
                                                                  <dd>帆布鞋</dd>
                                                                  <dd>靴子</dd>
                                                            </dl>
                                                      </div>
                                                </div>
                                          </li>
                                          <li>
                                                <a href="">箱包</a>
                                                <div class="nav-popup">
                                                      <div class="grop-box">
                                                            <dl>
                                                                  <dt>品质男包</dt>
                                                                  <dd>钱包/手拿包</dd>
                                                                  <dd>胸包</dd>
                                                                  <dd>双肩包</dd>
                                                            </dl>
                                                      </div>
                                                      <div class="grop-box">
                                                            <dl>
                                                                  <dt>潮流女包</dt>
                                                                  <dd>单肩包</dd>
                                                                  <dd>双肩包</dd>
                                                                  <dd>斜挎包</dd>
                                                                  <dd>钱包/手拿包</dd>
                                                                  <dd>手提包</dd>
                                                            </dl>
                                                      </div>
                                                </div>
                                          </li>
                                    </ul>
                              </div>
                              <div class="navigation-right">
                                    <a href="">
                                          <img src="https://pic.banggo.com/sources/cms/banggo2017/PC/pcsyfl_2.png"
                                                alt="">
                                    </a>
                                    <a href="">
                                          <img src="https://pic.banggo.com/sources/images/APP/gonglue2.jpg" alt="">
                                    </a>
                                    <a href="">
                                          <img src="https://pic.banggo.com/sources/cms/banggo2017/PC/pcxgxdyg.gif"
                                                alt="">
                                    </a>
                              </div>
                        </div>

                  </div>
                  <div style="clear: both;"></div>
                  <!-- 轮播图 -->
                  <div class="banner">
                        <div class="swiper-container gallery-top">
                              <div class="swiper-wrapper ">
                                    <div class="swiper-slide">
                                          <img src="./static/image/11.jpg" alt="">
                                    </div>
                                    <div class="swiper-slide">
                                          <img src="./static/image/22.jpg" alt="">
                                    </div>
                                    <div class="swiper-slide">
                                          <img src="./static/image/33.jpg" alt="">
                                    </div>
                                    <div class="swiper-slide">
                                          <img src="./static/image/44.jpg" alt="">
                                    </div>
                                    <div class="swiper-slide">
                                          <img src="./static/image/55.jpg" alt="">
                                    </div>
                              </div>
                              <!-- <div class="gallery-thumbs"> -->
                              <div class="swiper-pagination pagination">
                                    <img src="./static/image/1.jpg" alt="">
                                    <img src="./static/image/2.jpg" alt="">
                                    <img src="./static/image/3.jpg" alt="">
                                    <img src="./static/image/4.jpg" alt="">
                                    <img src="./static/image/5.jpg" alt="">

                              </div>
                              <!-- </div> -->


                        </div>
                  </div>
            </div>
            <div class="section">
                  <!-- 内容 -->
                  <div class="content-box">

                        <div class="hot">
                              <img src="https://pic.banggo.com/sources/images/display/theme/1622705171236.jpg" alt="">

                        </div>
                        <div class="activity-box">
                              <img src="https://pic.banggo.com/sources/images/display/theme/1623148765705.jpg" alt="">
                        </div>
                        <div class="zise-popularity">
                              <img src="https://pic.banggo.com/sources/images/display/theme/1615534470063.jpg" alt="">
                        </div>
                        <div class="zise-popularity-box">
                              <div class="goods-item"></div>
                        </div>
                        <div class="boy-popularity-box">
                              <a href="">
                                    <img src="https://pic.banggo.com/sources/images/display/theme/1614304287688.jpg"
                                          alt="">
                              </a>
                              <div class="Boy-popularity-box"></div>
                        </div>
                        <div class="Gril-popularity-box">
                              <div class="left">
                                    <div class="gril-popularity-box">
                                    </div>
                              </div>
                              <div class="right">
                                    <a href="">
                                          <img src="https://pic.banggo.com/sources/images/display/theme/1610001278788.jpg"
                                                alt="">
                                    </a>
                              </div>

                        </div>
                        <div class="kids-popularity-box">
                              <a href="">
                                    <img src="https://pic.banggo.com/sources/images/display/theme/1614304300411.jpg"
                                          alt="">
                              </a>
                              <div class="Kids-popularity-box"></div>
                        </div>
                        <div class="Shoes-popularity-box">
                              <div class="left">
                                    <div class="shoes-popularity-box">
                                          <div class="goods-item"></div>
                                    </div>
                              </div>
                              <div class="right">
                                    <a href="">
                                          <img src="https://pic.banggo.com/sources/images/display/theme/1610001410564.jpg"
                                                alt="">
                                    </a>
                              </div>

                        </div>
                  </div>
            </div>
            <div class="section">
                  <!-- 官网 -->
                  <div class="bottom">
                        <div class="bottom-box">
                              <div class="lbox">
                                    <a href="">
                                          <img src="https://s.banggo.com/pub7/images/mbshop/20150720/zyshare01.png"
                                                alt="">
                                    </a>
                                    <a href="">
                                          <img src="https://s.banggo.com/pub7/images/mbshop/20150720/zyshare02.png"
                                                alt="">
                                    </a>
                                    <a href="">
                                          <img src="https://s.banggo.com/pub7/images/mbshop/20150720/zyshare03.png"
                                                alt="">
                                    </a>
                              </div>
                              <div class="rbox">
                                    <a href="">
                                          <img src="https://www.banggo.com/public/img/contact.0f42d3d4.jpg" alt="">
                                    </a>
                              </div>
                        </div>
                  </div>
                  <!-- 底部 -->
                  <div class="footer-box">
                        <div class="foottitle-box">
                              <div class="foottitle">
                                    <ul class="foottitle-title">
                                          <li>新手指南</li>
                                          <li>购物指南</li>
                                          <li>配送方式</li>
                                          <li>支付方式</li>
                                          <li>售后服务</li>
                                          <li>联系方式</li>
                                    </ul>
                              </div>
                        </div>
                        <div class="footinter-box">
                              <div class="footinter">
                                    <ul class="footinter-inter">
                                          <li><a href="">注册新用户</a></li>
                                          <li><a href="">找回密码</a></li>
                                          <li><a href="">用户协议</a></li>
                                    </ul>
                                    <ul class="footinter-inter">
                                          <li><a href="">红包使用说明</a></li>
                                          <li><a href="">购物流程</a></li>
                                          <li><a href="">订单状态</a></li>
                                          <li><a href="">邦购币绑定与使用</a></li>
                                          <li><a href="">积分说明</a></li>
                                    </ul>
                                    <ul class="footinter-inter">
                                          <li><a href="">配送范围</a></li>
                                          <li><a href="">订单拆分</a></li>
                                          <li><a href="">商品验货与签收</a></li>
                                    </ul>
                                    <ul class="footinter-inter">
                                          <li><a href="">发票制度</a></li>
                                          <li><a href="">支付方式</a></li>
                                    </ul>
                                    <ul class="footinter-inter">
                                          <li><a href="">退换货政策</a></li>
                                          <li><a href="">退换办理流程</a></li>
                                          <li><a href="">退款说明</a></li>
                                    </ul>
                                    <ul class="footinter-inter">
                                          <li><a href="">在线客服</a></li>
                                          <li><a href="">咨询电话：4008219988</a></li>
                                    </ul>
                              </div>
                        </div>
                        <div class="footcopy-box">
                              <div class="copybox">
                                    <p>
                                          CopyRight © 2000-2021, 版权所有 上海美特斯邦威服饰股份有限公司
                                          <a href="">沪ICP备05033127号-29</a>
                                          |沪ICP证B2-20150114 021-38119999&nbsp;&nbsp;
                                          <a href="">营业执照</a>
                                          <a href="">商品分类</a>
                                    </p>
                              </div>
                              <div class="keepbox">
                                    <a href="">
                                          <img src="//s.banggo.com/pub1/bgweb/default/images/lz_beian_h40.png" alt="">
                                    </a>
                                    <a href="">
                                          <img src="//s.banggo.com/pub1/bgweb/default/images/brand_bottom_small.jpg"
                                                alt="">
                                    </a>
                              </div>
                              <div class="netpolice">
                                    <a href="">
                                          <img src=""
                                                alt="">
                                          <p>&nbsp;沪公网安备 31011502011592号</p>
                                    </a>
                              </div>
                        </div>
                  </div>
            </div>
            <!-- 楼梯 -->
            <div>
                  <ul class="stairs-btn">
                        <li>header</li>
                        <li>inner</li>
                        <li>footer</li>

                  </ul>
            </div>

      </div>

</body>

<script src="./javascripts/stairs.js"></script>
<script src="./javascripts/search.js"></script>
<script src="./javascripts/shoeslist.js"></script>
<script src="./javascripts/kidslist.js"></script>
<script src="./javascripts/grillist.js"></script>
<script src="./javascripts/Boylist.js"></script>
<script src="./javascripts/swiper.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/Swiper/6.5.8/swiper-bundle.js"></script>
<script src="./javascripts/list.js"></script>
<script src="./javascripts/Tab.js"></script>
<script src="./static/iconfont/iconfont.js"></script>

</html>